<!doctype html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>舰长登录</title>

    <link rel="stylesheet" type="text/css" th:href="@{/blog/css/login-style.css}">
    <link rel="stylesheet" th:href="@{/blog/css/header-style.css}">

</head>
<body>
<nav>
    <ul class="nav-tabs">
        <a th:href="@{/#}" class="logo"> EVE</a>
        <li><a th:href="@{/index}" data-target="">首页</a></li>
        <li><a th:href="@{/main}" data-target="">游戏资讯</a></li>
        <li><a th:href="@{/game-information}" data-target="">游戏攻略</a></li>
        <li><a th:href="@{/imgshow}" data-target="">壁纸欣赏</a></li>
        <li><a th:href="@{/#}" data-target="">游戏工具</a></li>
        <li><a th:href="@{/login}" data-target="">登录注册</a></li>
    </ul>
</nav>
<div class="bg-img"></div>
<div style="height:30px;"></div>
<div class="login-wrap">
    <div class="login-html">
        <input id="tab-1" type="radio" name="tab" class="sign-in" checked/><label for="tab-1" class="tab"><p class="p">
        登录</p></label>
        <input id="tab-2" type="radio" name="tab" class="sign-up"/><label for="tab-2" class="tab"><p class="p">注册</p>
    </label>
        <div class="login-form">
            <div class="sign-in-htm">

                <div class="group">
                    <label class="label"><p class="p">用户名</p></label>
                    <input type="text" class="input"/>
                </div>
                <div class="group">
                    <label class="label"><p class="p">密码</p></label>
                    <input type="password" class="input" data-type="password"/>
                </div>
                <div class="group">
                    <input id="check" type="checkbox" class="check" checked/>
                    <label for="check" class="label"><span class="icon"></span>
                        <p class="p">记住密码</p></label>
                </div>
                <div class="group">
                    <input type="submit" class="button" value="登录"/>
                    <a th:href="@{/index}">登录</a>
                </div>
                <div class="hr"></div>
                <div class="foot-lnk">
                    <a th:href="@{/forgot}"><p class="p">忘记密码?</p></a>
                </div>
            </div>
            <div class="sign-up-htm">
                <div class="group">
                    <label class="label"><p class="p">用户名</p></label>
                    <input type="text" class="input"/>
                </div>
                <div class="group">
                    <label class="label"><p class="p">密码</p></label>
                    <input type="password" class="input" data-type="password"/>
                </div>
                <div class="group">
                    <label class="label"><p class="p">确认密码</p></label>
                    <input type="password" class="input" data-type="password"/>
                </div>
                <div class="group">
                    <label class="label"><p class="p">邮箱</p></label>
                    <input type="email" class="input"/>
                </div>
                <div class="group">
                    <input type="submit" class="button" value="注册"/>
                </div>
                <div class="hr"></div>
                <div class="foot-lnk">
                    <a href=""><label for="tab-1"></label></a>
                </div>
            </div>
        </div>
    </div>
</div>

</body>
</html>
